// Copyright (c) Microsoft. All rights reserved.

@import 'src/styles/themes';
@import 'src/styles/mixins';

.device-group-dropdown {
  @include rem-fallback(width, 200px);

  .Select-menu-outer {
    margin-top: 1px !important;
    border-top: none !important;
  }

  .Select-control {
    border-top: none !important;
    border-left: none !important;
    border-bottom: none !important;
    height: 100% !important;

    .Select-placeholder {
      display: flex;
      align-items: center;
    }

    .Select-input {
      height: 100%;

      input { height: 100%; }
    }
  }

  @include themify($themes) {
    .Select-control,
    .Select-menu-outer {
      background-color: themed('colorContextMenuBg') !important;
      border-color: themed('colorHeaderBorderColor') !important;

      &:hover { border-color: themed('colorHeaderBorderColor') !important; }
    }
  }
}
